<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/css.css">
</head>
<body>
    <div class="header">
        <div class="header_box">
            <img class="header_box_img" src="img/报告.jpg" alt="">
            <a href="#">
                <ul class="header_ul">
                    <li class="header_ul_li">首页</li>
                    <li class="header_ul_li">学习手册</li>
                    <li class="header_ul_li">技术博客</li>
                    <li class="header_ul_li">教学视频</li>
                    <li class="header_ul_li">资源下载</li>
                </ul>
            </a>
            <input class="header_box_input" type="text" placeholder="搜索">
            <img class="header_box_image" src="img/首页.jpg" alt="">
            <a href="#">
                <img class="header_box_images" src="img/头像.jpg" alt="">
            </a>
        </div>
    </div>
    <div class="floor">
        <div class="floor_box">
            <div class="floor_box_shipin">
                <h3 class="floor_box_shipin_title">Git(标题)</h3>
                <a class="floor_box_shipin_a" href="#">
                    <p class="floor_box_shipin_a_p">收藏</p>
                </a>
                <p class="floor_box_shipin_p">2019.12.23</p>
                <div class="floor_box_shipin_vip">
                    <div class="floor_box_shipin_vip_xuanxiang">
                        <h3 class="floor_box_shipin_vip_xuanxiang_h">开通VIP观看</h3>
                        <a class="floor_box_shipin_vip_xuanxiang_a" href="#">
                            <div class="floor_box_shipin_vip_xuanxiang_a_kai">
                                <p class="floor_box_shipin_vip_xuanxiang_a_kai_p">成为VIP</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <a href="#">
                <div class="floor_box1">
                    <p class="floor_box1_p">更多精彩内容敬请期待~</p>
                </div>
            </a>
        </div>
        <div class="floor_box2">
            <a class="floor_box2_a" href="#">
                <div class="floor_box2_a_vip">
                    <p class="floor_box2_a_vip_p">开通VIP观看</p>
                </div>
            </a>
            <div class="floor_box2_xuanji">
                <div class="floor_box2_xuanji_biaoti">
                    <h3 class="floor_box2_xuanji_biaoti_title">选集<span class="floor_box2_xuanji_biaoti_title_span">1/15</span></h3>
                </div>
                <div class="div">
                        <ul class="floor_box2_xuanji_ul">
                                <li class="floor_box2_xuanji_ul_li floor_box2_xuanji_ul_lis">
                                    <a href="#">
                                        <img class="floor_box2_xuanji_ul_li_img" src="img/biaozhi.jpg" alt="">
                                        <h3 class="floor_box2_xuanji_ul_li_p floor_box2_xuanji_ul_li_p1">Git(标题)</h3>
                                    </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                    <a href="#">
                                        <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                    </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                    <a href="#">
                                        <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                    </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                                <li class="floor_box2_xuanji_ul_li">
                                        <a href="#">
                                                <h3 class="floor_box2_xuanji_ul_li_p">Git(标题)</h3>
                                            </a>
                                </li>
                            </ul>
                        </div>
                </div>
                <div class="floor_box2_shipin">
                    <img class="floor_box2_shipin_img" src="img/前端.jpg" alt="">
                    <h3 class="floor_box2_shipin_title">推荐视频</h3>
                    <ul class="floor_box2_shipin_ul">
                        <li class="floor_box2_shipin_ul_li">
                            <a href="#">
                                <img class="floor_box2_shipin_ul_li_img" src="img/git.jpg" alt="">
                                <p class="floor_box2_shipin_ul_li_p">Git</p>
                            </a>
                        </li>
                        <li class="floor_box2_shipin_ul_li1">
                            <a href="#">
                                <img class="floor_box2_shipin_ul_li_img1" src="img/git.jpg" alt="">
                                <p class="floor_box2_shipin_ul_li_p1">Git</p>
                            </a>
                        </li>
                        <li class="floor_box2_shipin_ul_li2">
                            <a href="#">
                                <img class="floor_box2_shipin_ul_li_img2" src="img/git.jpg" alt="">
                                <p class="floor_box2_shipin_ul_li_p2">Git</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <a href="#">
                    <p class="lianjie">晓舟报告&nbsp;&nbsp;<span>|</span></p>
                </a>
                <a href="#">
                    <p class="lianjie1">&nbsp;&nbsp;移动端</p>
                </a>
                <a href="#">
                    <p class="content_div1_p">团队介绍</p>
                </a>
                <a href="#">
                    <p class="content_div1_p">晓舟报告官方网站</p>
                </a>
                <a href="#">
                    <p class="content_div1_p">©2019 冀ICP备 18023262号-4</p>
                </a>
        </div>
        <a href="#">
                <img class="img1" src="img/图片1.jpg" alt="">
            </a>
            <a href="#">
                <img class="img2" src="img/图片2.jpg" alt="">
            </a>
            <a href="#">
                <img class="img3" src="img/图片3.jpg" alt="">
            </a>
    </div>
</body>
</html>